import routerInit from 'miniapp-router';

const basePath = '/base/set';

const routerConfig = {
  routes: [
    {
      path: '/base',
      component: 'base',
      children: [{
        path: '/set',
        component: 'set'
      }, {
        path: '/pool',
        component: 'pool'
      }, {
        path: '/game',
        component: 'game'
      }, {
        path: '/preview',
        component: 'preview'
      }]
    },
    {
      path: '/box',
      component: 'box'
    }
  ],
  option: {
    initPath: basePath,
  }
}

Page({
  data: {
    activeKey: '',
    defaultActiveKey: basePath,

    /* info用于配置左侧菜单的商家应用基础信息 */

    info: {
      company: '明志科技',
      miniappName: '有礼派',
      logo: 'https://img.alicdn.com/tfs/TB1vVhnmnnI8KJjy0FfXXcdoVXa-300-300.png'
    },

    /* menu用于配置左侧菜单信息 */

    menu: [
      {
        /* name用于配置左侧菜单名称 */
        name: '创建拆礼盒活动',
        /* key与一级路由对应 */
        key: 'base',
        /* title用于配置右侧面板的住title */
        title: '创建拆礼盒活动',
        /* tabs用于配置右侧信息，一个menu菜单可以包含多个tab */
        tabs: [
          {
            /* name用于配置当前tab的选项卡名称 */
            name: '页面设置',
            /* key与二级路由对应 */
            key: 'set',
            /* title用于配置右下侧主内容区域的标题 */
            title: '设置页面装修',

          },
          {
            name: '玩法设置',
            key: 'game',
            title: '设置玩法逻辑'
          },
          {
            name: '奖池设置',
            key: 'pool',
            title: '设置奖池信息'
          },
          {
            name: '预览和上线',
            key: 'preview',
            title: '预览和上线'
          }
        ]
      },
      {
        name: '管理中奖用户',
        key: 'box',
        title: '管理中奖用户'
      },
      // {
      //   /* name用于配置左侧菜单名称 */
      //   name: '媒体库',
      //   /* key与一级路由对应 */
      //   key: 'media',
      //   /* title用于配置右侧面板的住title */
      //   title: '媒体库',
      //   /* tabs用于配置右侧信息，一个menu菜单可以包含多个tab */
      //   tabs: [
      //     {
      //       /* name用于配置当前tab的选项卡名称 */
      //       name: '首页顶部图片',
      //       /* key与二级路由对应 */
      //       key: 'topimage',
      //       /* title用于配置右下侧主内容区域的标题 */
      //       title: '选择首页顶部图片',

      //     },
      //     {
      //       /* name用于配置当前tab的选项卡名称 */
      //       name: '盒子图片',
      //       /* key与二级路由对应 */
      //       key: 'boximage',
      //       /* title用于配置右下侧主内容区域的标题 */
      //       title: '选择盒子图片',

      //     },
      //     {
      //       /* name用于配置当前tab的选项卡名称 */
      //       name: '背景音乐',
      //       /* key与二级路由对应 */
      //       key: 'bgmusic',
      //       /* title用于配置右下侧主内容区域的标题 */
      //       title: '选择背景音乐',

      //     }

      //   ]
      // },
      // {
      //   name: '查看商品库',
      //   key: 'good',
      //   title: '商品库'
      // }
    ]
  },
  onLoad(query) {
    // 页面加载
    //console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
    routerInit.call(this, routerConfig);
  },
  onChange({ detail: { value } }) {
    console.log('************$router', value)
    this.$router.push(value);
    this.setData({ activeKey: value })
  },
  onActiveKeyChange(event) {
    const { path } = event.target.dataset;
    this.setData({ activeKey: path })
  },
  onReady() {
    // 页面加载完成
  },
  onShow() {
    // 页面显示
  },
  onHide() {
    // 页面隐藏
  },
  onUnload() {
    // 页面被关闭
  },
  onTitleClick() {
    // 标题被点击
  },
  onPullDownRefresh() {
    // 页面被下拉
  },
  onReachBottom() {
    // 页面被拉到底部
  },
  onShareAppMessage() {
    // 返回自定义分享信息
    return {
      title: '组团砍价',
      desc: '帮您的朋友砍价，看看能砍多少.',
      path: 'pages/index/index',
    };
  }

});
